<template>
  <div class="pc-pay-main base-main bgcFFF">
    <div class="content">
      <img class="logo" src="../../assets/img/logo_pc_pay.png" alt="logo">
      <p class="msg fs13">
        订单提交成功，请尽快付款！订单号: {{orderNo}}
        <span class="flr">
            应付金额 <i class="fs18 colorF54E4E">{{totalPrice}}</i>元
        </span>
      </p>

      <div class="code-box flex bgcFFF">
        <div class="box-l">
          <div class="code w100">
            <img class="w100" :src="codeUrl" alt="">
          </div>
          <div class="hint flex">
            <div class="icon-img">
              <img src="../../assets/img/img_pc_pay_1.png" alt="">
            </div>
            <div>
              <p>请使用微信扫一扫</p>
              <p>扫码二维码支付</p>
            </div>
          </div>
        </div>
        <div class="box-r">
          <img class="" src="../../assets/img/img_pc_pay_2.png" alt="">
        </div>
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    data() {
      return {
//        orderNo: this.$route.query.order_no,
//        totalPrice: this.$route.query.total_price,
        orderNo: '12346541324545',
        totalPrice: '20.00',
        codeUrl: 'https://itshop.sofoshare.com/wxpay.php/Index/qrPay?order_no=1589957915931',
      }
    },
    methods: {

    },
  }
</script>

<style scoped lang="scss">
  @import '../../assets/css/pcPay.scss';
</style>
